Efficient CSS Animations

How do browsers implement CSS transitions and animations, what optimizations make them go faster in some cases than others, and what optimizations are and aren't possible in future browsers? How do developers take advantage of these optimizations, and how do they tell that they've succeeded in taking advantage of them?